#{extends 'frameHome.html' /} #{set title:'list of all topics' /}#{set 'moreStyles'}
<link rel="stylesheet" href="@{'/public/stylesheets/forms.css'}">

<link rel="stylesheet" href="@{'/public/stylesheets/css3buttons.css'}">#{/set}
<div id="main">


        <div id="showAllTopics">

                <h1>List of all Topics</h1>
                <ul>
                        #{if allTopics}
                        <p>Click on the topic title you wish to view!</p>
                        #{list items:allTopics, as:'topic'} #{if topic.execution==true&& topic.hide==false}

                        <li><h1>
                                   <a href="@{Topics.showTopic(topic.id)}"class="button"><span class="calendar icon"></span>${topic.title}</a>   <label>is executed and closed. </label>
                                </h1></li> #{/if} #{else}#{if topic.hide==false}
                        <li><a href="@{Topics.showTopic(topic.id)}"class="button"><span class="calendar icon"></span>${topic.title}</a>
                                #{if authorized} <a
                                href="@{Topics.justificationNote(topic.id)}"class="pill button"
                                onclick="return confirm ('Are you sure you want to hide this topic?');">
                                        Hide Topic </a>#{/if}#{/if} #{/else}</li>#{/list} #{/if}
                                         #{else} Sorry! This
                        Entity has no Topics!! #{/else}
                </ul>
<a href="@{Entity.viewEntity(entityId)}"class="pill button"> Back </a>

        </div>

</div>